body{background:#f8f8f8;}
.deanwp,.wp,#wp{width:100%;}
.deansousuow1180{background:#fff;width:980px;padding:50px 100px;margin:70px auto;border-radius:0 0 10px 10px;}
#wowslider-container1{zoom:1;position:relative;max-width:4800px;margin:0px auto 0px;z-index:2;border:none;text-align:left;height:810px;overflow:hidden;}
* html #wowslider-container1{width:4800px}
#wowslider-container1 .ws_images ul{position:relative;width:10000%;height:auto;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow:visible;}
#deanhdpid li{height:810px;width:4800px;}
#deanhdpid li.deanhdpli1{background:url(../images/1.jpg) no-repeat center center;background-size:cover;}
#deanhdpid li.deanhdpli2{background:url(../images/2.jpg) no-repeat center center;background-size:cover;}
#deanhdpid li.deanhdpli3{background:url(../images/3.jpg) no-repeat center center;background-size:cover;}
#deanhdpid li a{height:810px;width:100%;display:block;}
#deanhdpid li a span{display:none;width:420px;height:50px;border-radius:5px;overflow:hidden;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:50px;position:absolute;right:50%;bottom:50px;margin-right:-250px;background:url(../images/black.png) 0 0 repeat;color:#fff;font-size:18px;}
#deanhdpid .ws_images{position:relative;left:0;top:0;width:100%;height:100%;overflow:hidden;}
#deanhdpid .ws_images a{width:100%;display:block;color:transparent;}
#deanhdpid img{max-width:none !important;}
#deanhdpid .ws_images img{width:100%;border:none 0;max-width:none;padding:0;}
#deanhdpid a{text-decoration:none;outline:none;border:none;}
#wowslider-container1 .ws_bullets{font-size:0px;float:left;position:absolute;z-index:1;}
#wowslider-container1 .ws_bullets div{position:relative;float:left;}
#wowslider-container1 .wsl{display:none;}
#wowslider-container1 sound,#wowslider-container1 object{position:absolute;}
#wowslider-container1 .ws_bullets{margin:5px;}
#wowslider-container1 .ws_bullets a{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;width:8px;height:8px;background:hsla(0,0%,100%,.5);float:left;margin-left:10px;text-indent:-4000px;position:relative;color:transparent;border-radius:8px;}
#wowslider-container1 .ws_bullets a:hover{background:#FFA600;}
#wowslider-container1 .ws_bullets a.ws_selbull{background:#fff;width:22px;}
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{position:absolute;display:none;top:50%;margin-top:-46px;z-index:1;width:60px;height:95px;}
#wowslider-container1 a.ws_next{opacity:0.7;background:url(../images/banner_control.png) -62px 0 no-repeat;right:60px;}
#wowslider-container1 a.ws_next:hover{opacity:1;}
#wowslider-container1 a.ws_prev{opacity:0.7;background:url(../images/banner_control.png) 0 0 no-repeat;left:60px;}
#wowslider-container1 a.ws_prev:hover{opacity:1;}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next,#wowslider-container1:hover a.ws_prev{display:block}
#wowslider-container1 .ws_playpause{display:none;width:27px;height:27px;position:absolute;top:50%;left:50%;margin-left:-13px;margin-top:-13px;z-index:1;}
#wowslider-container1:hover .ws_playpause{display:block;}
#wowslider-container1 .ws_pause{background-image:url(../images/pause.png);}
#wowslider-container1 .ws_play{background-image:url(../images/play.png);}
#wowslider-container1 .ws_pause:hover,#wowslider-container1 .ws_play:hover{background-position:100% 100% !important;}
#wowslider-container1 .ws_bullets{bottom:12px;left:50%;}
#wowslider-container1 .ws_bullets div{left:-60%;}
#wowslider-container1 .ws-title{position:absolute;display:block;bottom:15px;left:10px;margin:9px;margin-right:10px;padding:8px 10px;background:#559674;color:#FFFFFF;z-index:1;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:20px;line-height:22px;font-weight:bold;}
#wowslider-container1 .ws-title div{padding-top:5px;font-size:14px;line-height:16px;font-weight:normal;}
#wowslider-container1 .ws_images ul{animation:wsBasic 12s infinite;-moz-animation:wsBasic 12s infinite;-webkit-animation:wsBasic 12s infinite;}
#wowslider-container1 .ws_images img,#wowslider-container1 .ws_effect img,#wowslider-container1 .ws_effect>*{border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.deanhdp{position:relative;z-index:1;}
.deanw1180s{width:1200px;margin:0 auto;position:absolute;left:50%;top:0;margin-left:-590px;z-index:2;}
.deannavbox{width:230px;padding-top:20px;padding-bottom:20px;height:410px;background:rgba(55,55,55,.5);border-radius:6px;position:absolute;top:110px;right:0;z-index:102;}
.deannavboxname{}
.deannavboxname ul{width:190px;margin-right:50px;}
.deannavboxname ul li{position:relative;margin-bottom:8px;}
.deannavboxname ul li a.deanaaa{height:32px;line-height:32px;padding:10px 10px 10px 40px;border-radius:0 5px 5px 0;font-size:15px;display:block;font-weight:normal;color:#fffc;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.deannavboxname ul li a.deanaaa:hover{background:hsla(0,0%,100%,.1);}
.deannavboxname ul li a.deanaaa i{display:block;height:32px;line-height:32px;width:32px;margin-right:15px;border-radius:32px;text-align:center;float:left;}
.fa-html5{background:#f12711;background:-webkit-linear-gradient(to right,rgb(241,39,17),rgb(245,175,25));background:linear-gradient(to right,rgb(241,39,17),rgb(245,175,25));}
.fa-drupal{background:#4e54c8;background:-webkit-linear-gradient(to right,rgb(78,84,200),rgb(143,148,251));background:linear-gradient(to right,rgb(78,84,200),rgb(143,148,251));}
.fa-gitlab{background:#11998e;background:-webkit-linear-gradient(to right,rgb(17,153,142),rgb(56,239,125));background:linear-gradient(to right,rgb(17,153,142),rgb(56,239,125));}
.fa-forumbee{background:#76b852;background:-webkit-linear-gradient(to right,rgb(118,184,82),rgb(141,194,111));background:linear-gradient(to right,rgb(118,184,82),rgb(141,194,111));}
.fa-skype{background:rgba(0,0,0,.08);}
.fa-css3{background:rgba(0,0,0,.08);}
.fa-twitch{background:rgba(0,0,0,.08);}
.deannavboxname ul li a.deanaaa em{float:left;display:block;}
.deannavboxc{}
.deannavboxc li{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;display:none;width:370px;background:#fff;padding:30px 30px;height:390px;border-radius:6px 0 0 6px;position:absolute;z-index:103;top:0;right:220px;color:#333;}
.deanliwrap{}
.deanliwrap h3{font-size:16px;color:#000;margin-bottom:15px;}
.deanlitop{}
.deanlitop dl{}
.deanlitop dl dd{float:left;width:170px;margin-bottom:20px;margin-right:25px;}
.deanlitop dl dd a{display:block;background:rgba(245,245,248,.97);border-radius:4px;padding:15px 20px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.deanlitop dl dd a:hover{background:#004abb;color:#fff;}
.deanlitop dl dd a i{float:left;font-size:20px;padding-right:15px;padding-top:10px;color:#004abb;}
.deanlitop dl dd a:hover i{color:#fff;}
.deanlitop dl dd a .deanrrr{float:left;}
.deanrrr h5{font-size:16px;color:#333;line-height:26px;font-weight:normal;}
.deanlitop dl dd a:hover .deanrrr h5{color:#fff;}
.deanrrr p{font-size:12px;color:#bdbdbd;}
.deanlitop dl dd a:hover .deanrrr p{color:#fff;}
.deanlibtm{margin-top:20px;}
.deanlibtm dl{width:390px;}
.deanlibtm dl dd{float:left;margin-right:10px;margin-bottom:15px;}
.deanlibtm dl dd a{display:block;background:rgba(245,245,248,.97);-webkit-border-radius:4px;border-radius:4px;line-height:36px;width:95px;padding:0 10px;font-size:14px;color:#878990;white-space:nowrap;height:36px;overflow:hidden;}
.deanlibtm dl dd a:hover{background:#004abb;color:#fff;}
.deanlibtm dl dd a i{margin-right:10px;width:20px;height:20px;font-size:12px;text-align:center;line-height:20px;border-radius:20px;color:#fff;display:inline-block;background:#9199a1;}
.deanlibtm dl dd a:hover i{background:#fff;color:#004abb;}
@-webkit-keyframes deanup{0%{top:0}
to{top:100%}}@keyframes deanup{0%{top:0}
to{top:100%}}.deanindexbg{width:100%;height:818px;position:relative;overflow:hidden;background:url(../images/indexbg.png) 0 0 no-repeat;background-size:cover;}
.deanindexbgon{width:100%;height:818px;background:rgba(0,0,0,0.1);position:absolute;z-index:1;left:0;top:0;}
.deanw1200s{width:1200px;position:absolute;left:50%;margin-left:-600px;top:0;z-index:1;}
.deanlines{width:1px;height:818px;background:hsla(0,0%,100%,.2);position:absolute;left:0;margin-left:-1px;top:0;z-index:2;}
.deanlines i{width:5px;height:5px;content:"";display:inline-block;position:absolute;left:-2px;top:0;z-index:1000;background:hsla(0,0%,100%,.9);border-radius:50%;-webkit-animation:deanup 4s cubic-bezier(0,0,.8,-.26) infinite;animation:deanup 4s cubic-bezier(0,0,.8,-.26) infinite;}
.deangoincl{height:100px;width:1200px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-50px;color:#fff;}
.deangoincl h2{font-size:22px;font-weight:normal;padding-left:10px;}
.deangoincl h3{font-size:40px;font-weight:normal;padding-left:10px;}
.deaninchengli{width:1200px;margin:50px auto;}
.deaninchengli h1{color:#242424;font-size:32px;height:60px;font-weight:normal;position:relative;display:block;width:160px;margin:0 auto;text-align:center;}
.deaninchengli h1 i{width:30px;height:1px;background:#f33;position:absolute;bottom:0;left:50%;margin-left:-15px;}
.deantitfuben{display:block;width:317px;height:22px;background:url(../images/in.png) center center no-repeat;margin:30px auto;}
.deaninchenglic{width:1000px;margin:30px auto;}
.deaninchenglic p{font-size:16px;line-height:35px;text-indent:30px;margin-top:50px;}
.deaninchengli ul{width:1000px;margin:0 auto;margin-top:70px;}
.deaninchengli ul li{float:left;width:25%;}
.deaninchengli ul li .deaniconx{width:46px;height:46px;float:left;}
.deaninchengli ul li .deaniconx1{background:url(../images/c1.png) center center no-repeat;}
.deaninchengli ul li .deaniconx2{background:url(../images/c2.png) center center no-repeat;}
.deaninchengli ul li .deaniconx3{background:url(../images/c3.png) center center no-repeat;}
.deaninchengli ul li .deaniconx4{background:url(../images/c4.png) center center no-repeat;}
.deaninchengli ul li .deaniconinfo{float:left;max-width:300px;margin-left:20px;}
.deaninchengli ul li .deaniconinfo h3{height:31px;font-size:22px;margin-top:-5px;color:#f33;}
.deaninchengli ul li .deaniconinfo em{display:block;height:15px;line-height:14px;font-size:14px;color:#333;margin-top:5px;}
.deanaboutjs{width:100%;position:relative;}
.deanaboutjst{width:100%;height:700px;background:url(../images/bg1.png) bottom center no-repeat;background-size:cover;}
.deanaboutjsb{width:100%;height:500px;background:url(../images/bg2.png) center center no-repeat;background-size:cover;}
.deanaboutjsv{width:1200px;height:600px;position:absolute;left:50%;top:350px;margin-left:-600px;background:#d0121b;}
.deanjsmap{width:400px;height:600px;float:left;background:url(../images/map.png) center 330px no-repeat;}
.deanjsmap h1{font-size:40px;font-weight:normal;text-indent:50px;padding-top:100px;color:#fff;letter-spacing:5px;}
.deanjsmap p{font-size:25px;font-weight:normal;text-indent:50px;padding-top:30px;color:#fff;letter-spacing:2px;}
.deanjstxt{width:800px;height:600px;background:#fff;float:right;}
#mu{z-index:5;width:1200px!important;border:0!important;margin:0 auto!important;}
#mu ul{background:#fff!important;padding:15px 0;padding-top:5px;width:1178px!important;border:1px solid #e9e9e9!important;margin:0 auto!important;}
#mu li{height:32px;line-height:32px;font-size:14px;}
#mu a{padding:0 15px;color:#666;border-radius:30px;}
#mu a:hover{background:#4593FF;color:#fff;border:1px solid #4593FF;}
.frame-1{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto}
.frame-1-c{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;}
.move-span{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;}
.move-span .content{background-color:transparent !important;background-image:none !important;border:0 none !important;margin:0 !important;padding:0 !important;border-width:0px;height:auto;}
.pgbtn{display:none;}
#pt .z a,#pt .z em,#pt .z span{font-size:14px;color:#666;}